<template>
  <div class="about">
    <h1>This is an about page</h1>
    <h2>{{ PROP_S.name }}</h2>
    <button type="button" @click="btn">子组件submit</button>
  </div>
</template>
<script setup>
import { defineProps, defineEmits } from 'vue'
const PROP_S = defineProps({
  name: {
    type: String,
    default: () => {
      return '测试'
    }
  }
})

const emit = defineEmits()
const btn = () => {
  emit('submit', PROP_S.name)
}

</script>
